.inner
  h4(ng-class='{subtitled: currentUser}')
    .sub Favorites
      a.create-folder(ng-click='folderService.create()')
        .fa.fa-plus
        | New folder
      small(ng-if='syncService.inSync') Synced&nbsp;
        span(am-time-ago='syncService.lastSyncedAt')
      small(ng-show='syncService.hasConnection') Connected
      small(ng-hide='syncService.hasConnection') Not Connected
      small.error(ng-if='!syncService.inSync', ng-click='syncService.push()')
        a Out of sync
  h5(ng-if="settings.showSampleScripts && haveSavedScripts()") Saved Scripts
  .droppable(ng-if="haveSavedScripts()", ng-repeat='folder in folders')
    h5.folder(ng-click='folderService.expand(folder)', ng-if="folder.id != 'root'", ng-class="{folded: !folder.expanded}")
      i.fa.fa-caret-right(ng-class="{'fa-rotate-90': folder.expanded}")
      div(edit-in-place='folder.name', on-blur='folderService.save()')
      a.fa.fa-trash-o(ng-click='removeFolder(folder)', tooltip-placement='left', tooltip='Remove folder')
    hr(ng-if="folder.id == 'root'")
    ul.starred.sortable(ng-show='folder.expanded', ui-sortable="sortableOptions", ng-model="folder.documents", ng-class="{'indented': folder.id != 'root'}")
      li(ng-repeat="document in folder.documents")
        include list-item
  div(ng-show="settings.showSampleScripts")
    h5 Sample Scripts
    div(ng-repeat='folder in sampleScripts')
      h5.folder(ng-click='folder.expanded = !folder.expanded', ng-class="{folded: !folder.expanded}")
        i.fa.fa-caret-right(ng-class="{'fa-rotate-90': folder.expanded}")
        div {{ folder.name }}
      ul(ng-show='folder.expanded', ng-class="{'indented': folder.id != 'root'}")
        li(ng-repeat="document in folder.documents")
          .list-item(ng-click='run(document)')
            a.fa.icon.fa-circle-thin(ng-click='playDocument(document.content);$event.stopPropagation()')
            a.fa.fa-play-circle.icon-inactive(ng-click='playDocument(document.content);$event.stopPropagation()')
            .contents
              a {{document.content | autotitle}}

  h5 Styling / Graph Style Sheet
  ul
    li
      button.btn.btn-sm.btn-popup(ng-click="editor.execScript(settings.cmdchar + 'style')")
        | Graph Style Sheet

  h5 Import
  file-upload(upload="importDocument($content, $name)",
    extension="cyp|cypher|cql|txt|grass",
    message="Drop a file to import Cypher or Grass") &nbsp;
